<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>底部</title>
    <!-- Bootstrap基础CSS样式 -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- 公共类CSS样式 -->
    <link rel="stylesheet" href="util/css/public.css">
    <!-- 单页CSS样式 -->
    <link rel="stylesheet" href="util/css/main.css">
</head>
<body>
<div class="footer">
    <div class="container">
        <div class="row">
            <!-- hr分隔栏1 -->
            <div class="col-sm-12"><hr class="hr1"/></div>
            <!-- hr分隔栏1 -->
            <!-- 底部外链 -->

            <div class="col-sm-12">
                <a href="#" class="clra url" style="color: #8e8e8e;">恒望科技</a><span class="url">&nbsp;|&nbsp;</span>
                <a href="#" class="clra url" style="color: #8e8e8e;">商城首页</a><span class="url">&nbsp;|&nbsp;</span>
                <a href="#" class="clra url" style="color: #8e8e8e;">支付宝</a><span class="url">&nbsp;|&nbsp;</span>
                <a href="#" class="clra url" style="color: #8e8e8e;">物流</a><span class="url">&nbsp;|&nbsp;</span>
            </div>
            <!-- 底部外链 -->

            <!-- hr分隔栏2 -->
            <div class="col-sm-12"><hr class="hr2"/></div>
            <!-- hr分隔栏2 -->

            <!-- 底部合作伙伴 -->
            <div class="col-sm-12">
                <a href="#" class="clra">关于恒望</a>
                <a href="#" class="clra">合作伙伴</a>
                <a href="#" class="clra">联系我们</a>
                <a href="#" class="clra">网站地图</a>
            </div>
            <!-- 底部合作伙伴 -->
        </div>
    </div>
</div>

<!-- JQuery -->
<script src="js/jquery-3.3.1.min.js"></script>
<!-- Bootstrap基础JS样式 -->
<script src="js/bootstrap.min.js"></script>
<!-- 阿里巴巴字体 -->
<script src="//at.alicdn.com/t/font_709290_18xs3219rfc.js"></script>
</body>
</html>